<template>
   <div class="lineContainerq">

    <el-table
      :data="tableData">
         <el-table-column prop="img" label="课程">
   <template v-slot="scope">
      <img :src="scope.row.img" alt="" width="90" height="50">
   </template>
</el-table-column>

      <el-table-column
        prop="name"
        label="课程名称">
         
      </el-table-column>
      <el-table-column
        prop="tel"
        label="授课老师">
      </el-table-column>
      <el-table-column
        prop="consum"
        label="课程价格(元)" >
      </el-table-column>
    
    </el-table>
  </div>
</template>

<script>
export default {
 data() {
        return {
          tableData: [{
            img:require('../../image/main-kecheng1.png'),
            name: '幼儿英语入门课程',
            tel: '王大山',
            consum:'2366.00',
          }, {
           img:require('../../image/main-kecheng2.png'),
             name: '幼儿英语入门课程',
            tel: '王大山',
            consum:'2366.00',
           
          }]
        }
      }
}
</script>
<style lang='less' scoped>
/deep/.lineContainerq{
  margin-right:20px;

}
/deep/.el-table{
    width: 600px;
     height: 250px;
    background: #fff;
    margin-top:20px;
}
/deep/.el-table thead{color: #000;font-size: 16px;}
</style>